
import './App.css';

// 该文件就是项目的根组件 类似于vue中的App.vue
// 一般在react中组件的后缀统一使用jsx, 方便与js文件区分

// 导入自定义的函数组件
// import Myfun from './views/Myfun';
// 导入类组件
// import Mycls from './views/Mycls';

// 引入类组件--事件
// import Mycls from './views/events/Mycls';
// 引入函数组件-事件绑定
// import Myfun from './views/events/Myfun';

// 类组件中的this绑定
// import Myclsthis from './views/events/Myclsthis';

// 类组件中的状态state
// import Mycls from './views/states/Mycls';
// import Mycls from './views/states/Mycls2';
// import Mycls3 from './views/states/Mycls3';

// 类组件props-children
// import Mycls4 from './views/states/props-children/Mycls4';
// import Homework from './views/homework/Homework';
// import Mycls from './views/prop-types/Mycls';
// import Mycls from './views/lifeCycle/Mycls';
// import Myclschild from './views/lifeCycle/getDrivedstatefromprops/Myclschild';
// import Mycls from './views/lifeCycle/shouldcomponetupdate/Mycls';
// import Mycls from './views/lifeCycle/getSnapshotBeforeUpdate/Mycls';
// import Mycls1 from './views/form/Mycls1';
// import Father from './views/sontofather/Father';
// import Grandfather from './views/grandfathertograndson/Grandfather';
// import Father from './views/brothertobrother/Father';
// import Mycls from './views/HOC/Mycls';
// import Father from './views/HOC/loadingdemo/Father';
// import Mystoreview from './views/storeview/Mystoreview';
// import Mycls from './views/storeview1/Mycls';
// import Mycls from './views/storeview2/Mysls';
// import Mycls from './views/homework2/mycls';
// import Mycls from './views/storeview3/Mysls';
// import Index from './router/Index';
// import Index1 from './router/Index1';
// import Index2 from './router/Index2';
// import Father from './views/css-in-js/Father';
// import Mycls from './views/proxyview/Mycls';
// import Father from './views/hooks/usestate/Father';
// import Father from './views/hooks/useeffect/Father';
// import Father from './views/hooks/useref/Father';
// import Father from './views/hooks/useContext/Father';
// import Mycls from './views/homework3/Mycls';
// import Father from './views/hooks/reduxhooks/Father';
// import MyIndex from './views/hooks/router-hooks/MyIndex';
// import Father from './views/hooks/usememo/Father';

// import Father from './views/hooks/memo/Father';
// import Father from './views/hooks/usecallback/Father';
// import Father from './views/hooks/useReducer/Father';
// import Father from './views/hooks/uselayouteffect/Father';
// import Father from './views/hooks/uselayouteffect/Father';
// import Father from './views/hooks/useid/Father';
// import Father from './views/hooks/useDefferedvalue/Father';
// import Father from './views/hooks/useTransition/Father'
import Father from './views/store-rtk-view-mokuaihua/Father';

function App() {
  return (
    <div className="App">
      {/* 使用函数组件 */}
      {/* <Myfun></Myfun> */}
      {/* 使用类组件 */}
      {/* <Mycls></Mycls> */}
      {/* <Mycls></Mycls> */}
      {/* <Myfun></Myfun> */}
      {/* <Myclsthis></Myclsthis> */}
      {/* <Mycls step={10}></Mycls> */}
      {/* <Mycls3></Mycls3> */}
      {/* <Mycls4></Mycls4> */}
      {/* <Homework></Homework> */}
      {/* <Myclschild></Myclschild> */}
      {/* <Mycls1></Mycls1> */}
      {/* <Father></Father> */}
      {/* <Grandfather></Grandfather> */}
      {/* <Mycls></Mycls> */}
      {/* <Father></Father> */}
      {/* <Mycls></Mycls> */}
      {/* <Index></Index> */}
      {/* <Index1></Index1> */}
      {/* <Index2></Index2> */}
      {/* <Father></Father> */}
      {/* <Mycls></Mycls> */}
      {/* <Father></Father> */}
      {/* <Mycls></Mycls> */}
      {/* <Father></Father> */}
      {/* <MyIndex></MyIndex> */}
      <Father></Father>
    </div>
  );
}

export default App;
